<template>
    <view>
        <AntdZh>
            <a-card>
                <a-table bordered :columns="columns" :data-source="tableData" :loading="tableLoading"
                    :pagination="false">
                    <template #bodyCell="{ column, record, index }">
                        <template v-if="column.dataIndex === 'status'">
                            <!--执行状态-->
                            <a-badge status="success" text="可用" />

                        </template>
                    </template>
                </a-table>
            </a-card>

        </AntdZh>

    </view>
</template>
<script setup>
import useApp from '@/hooks';
const { $ } = useApp();
import { SafetyOutlined, FormOutlined, KeyOutlined, PlusOutlined, DeleteOutlined, DesktopOutlined, SyncOutlined, CodeOutlined } from '@ant-design/icons-vue';
import { columns } from './index';
import { queryEventSps } from '@/module/flow/api/event';
const props = defineProps({
    eventId: {
        type: String
    }
})
const tableData = ref([])
const tableLoading = ref(false)
function reqData() {
    tableLoading.value = true;
    queryEventSps(props.eventId).then(res => {
        console.log(res);
        tableData.value = res;
        tableLoading.value = false;
    })

}
reqData()
</script>
<style lang="less"></style>